<div class="page-wrapper d-flex flex-column pt-4 w-100">
    <div class="container-xl">
        <div class="page-header d-print-none">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-pretitle">
                        Information
                    </div>
                    <h3 class="page-title">
                        Dashboard
                    </h3>
                </div>
            </div>
        </div>
    </div>
    <div class="page-body d-flex flex-row-reverse">
        <div class="content-body py-3 pe-3" style="max-width: unset;">
            <section ng-init="getDashboardInfo()">
                <div id="adminDashboard">
                    <google-analytic></google-analytic>
                </div>
                <div class="row mb-4 text-center" ng-if="isAdmin">
                    <div class="col">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="p-0">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-news"
                                        width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
                                        stroke="hsla(var(--primary-color-hue, 211), var(--primary-color-saturation, 100%), var(--primary-color-brightness, 50%), 1)"
                                        fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path
                                            d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" />
                                        <line x1="8" y1="8" x2="12" y2="8" />
                                        <line x1="8" y1="12" x2="12" y2="12" />
                                        <line x1="8" y1="16" x2="12" y2="16" />
                                    </svg> Posts
                                </h4>
                            </div>
                            <div class="card-body">
                                <h1 class="card-title pricing-card-title">
                                    <span class="display-3" ng-bind="data.totalPost"></span>
                                </h1>
                                <a href="/portal/post/list" class="card-link btn-link">Go to Post</a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="p-0">
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                        class="icon icon-tabler icon-tabler-notebook" width="30" height="30"
                                        viewBox="0 0 24 24" stroke-width="1.5"
                                        stroke="hsla(var(--primary-color-hue, 211), var(--primary-color-saturation, 100%), var(--primary-color-brightness, 50%), 1)"
                                        fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <path
                                            d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" />
                                        <line x1="13" y1="8" x2="15" y2="8" />
                                        <line x1="13" y1="12" x2="15" y2="12" />
                                    </svg> Pages
                                </h4>
                            </div>
                            <div class="card-body">
                                <h1 class="card-title pricing-card-title">
                                    <span class="display-3" ng-bind="data.totalPage"></span>
                                </h1>
                                <a href="/portal/page/list" class="card-link btn-link">Go to Pages</a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="p-0">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users"
                                        width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
                                        stroke="hsla(var(--primary-color-hue, 211), var(--primary-color-saturation, 100%), var(--primary-color-brightness, 50%), 1)"
                                        fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <circle cx="9" cy="7" r="4" />
                                        <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
                                        <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                                        <path d="M21 21v-2a4 4 0 0 0 -3 -3.85" />
                                    </svg> Users
                                </h4>
                            </div>
                            <div class="card-body">
                                <h1 class="card-title pricing-card-title">
                                    <span class="display-3" ng-bind="data.totalUser"></span>
                                </h1>
                                <a href="/portal/user/list" class="card-link btn-link">Go to Users</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <div class="row">
                <div class="col-8">
                    <medium-news></medium-news>
                </div>
                <div class="col-4">
                    <github-releases></github-releases>
                    <github-contributers></github-contributers>
                    <funding></funding>
                </div>
            </div>
        </div>

    </div>
</div>